

/*------------notice--------------*/
.notice {
    padding: 20px;
    border: 1px dashed #e6e6e6;
    color: #969696;
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fbfbfb50;
    border-radius: 10px;
}
/*------------虚线框---------------*/
#dashed-l1 {
    padding: 1em;
    border: 1px dashed transparent;
    background: linear-gradient(white,white) padding-box,
    repeating-linear-gradient(-45deg,#ccc 0, #ccc 0.25em,white 0,white 0.75em);
}
#dashed-l2 {
    border:1px dashed #000;
    height:50px;
    width:350px;
}
/*----------窗口阴影化--------------*/
.m-shadow-small {
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1) !important;;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1) !important;
}
/*-----------背景透明化------------*/
.m-bg {
    background-color: hsla(0, 0%, 100%, .001) !important;
}
.hidden.menu {
    display: none ;
}
.m-card {
    background-color: #ffffff !important;
}

/*------------padded-------------*/
.m-padded-mini {
    padding: 0.2em !important;
}
.m-padded-tiny {
    padding: 0.4em !important;
}
.m-padded-w1 {
    padding: 1em !important;
}
.m-padded-tb-m1 {
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}
.m-padded-tb-mini {
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
}
.m-padded-tb-tiny {
    padding-top: 0.4em !important;
    padding-bottom: 0.4em !important;
}
.m-padded-tb-small {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}
.m-padded-tb-m1 {
    padding-top: 0.8em !important;
    padding-bottom: 0.8em !important;
}
.m-padded-tb-medium {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}
.m-padded-tb-ml {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}
.m-padded-tb-large {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}
.m-padded-tb-more {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
}
.m-padded-tb-big {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}
.m-padded-big {
    padding-top: 3.1em !important;
    padding-bottom: 3.1em !important;
}
.m-padded-tb-huge {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}
.m-padded-tb-max {
    padding-top: 8em !important;
    padding-bottom: 8em !important;
}
.m-padded-tb-maxsize {
    padding-top: 12em !important;
    padding-bottom: 12em !important;
}
.m-padded-tb-maximum {
    padding-top: 25em !important;
    padding-bottom: 25em !important;
}
.m-padded-lr-responsive {
    padding-left: 4em !important;
    padding-right: 4em !important;
}

/*---------------Margin------------------*/
.m-margin-tb-tiny {
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
}
.m-margin-tb-small {
    margin-top: 0.5em !important;
}
.m-margin-tb-medium {
    margin-top: 1em !important;
}
.m-margin-tb-large {
    margin-top: 2em !important;
}
.m-margin-tb-big {
    margin-top: 6em !important;
}
.m-margin-top-big {
    margin-top: 8em !important;
}
.m-margin-bottom-mini {
    margin-bottom: 0.2em !important;
}
.m-margin-bottom-small {
    margin-bottom: 0.5em !important;
}
/*---------------position---------------*/
.m-top-right {
    position: absolute !important;
    top: 0em !important;
    right: 0 !important;
}
.m-bottom-left {
    position: absolute !important;
    right: 0 !important ;
}
.m-bottom-l1 {
    position: absolute !important;
    right: 1em !important ;
}
.m-bottom-lb {
    position: absolute !important;
    right: 0.5em !important ;
    bottom: 1.5em !important;
}
.m-bottom-l2 {
    position: absolute !important;
    right: 1em !important ;
    top: 1em !important;
}
.m-bottom-center {
    position: absolute !important;
    bottom: 8em !important;
    left: 24.5em !important;
}
.m-middle {
    position: center !important;
}
.m-fixed {
    position: fixed !important;
    z-index: 10 !important;
}
.m-right-bottom {
    bottom: 0 !important;
    right : 0 !important;
}

/*---------------font-------------------*/
.m-font-kt {
    font-family: 楷体, serif !important;
}
.m-font-maxsize {
    font-size: 4em !important;
    font: italic 1em  Georgia, serif;
    /*font-family: Georgia, serif !important;*/
}

/*---------------Text--------------------*/
.m-text {
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    line-height: 1.8 !important;
}
.m-text-w {
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    line-height: 2.5 !important;
}
.m-text-t1 {
    font-weight: 300 !important;
    font-size: small !important;
}
.m-text-thin {
    font-weight: 200 !important;
}
.m-text-spaced {
    letter-spacing: 1px !important; /*--字间距--*/
}
.m-text-lined {
    line-height: 1.8;  /*--行间距--*/
}
.m-title {
    font-size: 22px;
    font-weight: 300;
    color: #ffffff;
    position: absolute;
    padding: 24px;
    bottom: 0;
    left: 0;
    line-height: 26px;
}
/*---------------------opacity--------------------*/
.m-opacity-mini {
    opacity: 0.5 !important;  /*--透明度--*/
}
.m-opacity-small {
    opacity: 0.9 !important;  /*--透明度--*/
}
.m-opacity-tiny {
    opacity: 0.3 !important;  /*--透明度--*/
}
.m-opacity-none {
    opacity: 0 !important;  /*--透明度--*/
}
.m-img-center {
    position: relative;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -70px;
}
/*-------------------display显示属性--------------------*/
.m-inline-block {
    display: inline-block !important;
}

/*----------------------container----------------------*/

.m-container-big {
    max-width: 100em !important;
    margin: auto !important;
}
.m-container-large {
    max-width: 100em !important;
    margin: auto !important;
}
.m-container-b1 {
    max-width: 80em !important;
    margin: auto !important;
}
.m-container {
    max-width: 72em !important;
    margin: auto !important;
}
.m-container-s1 {
    max-width: 68em !important;
    margin: auto !important;
}
.m-container-small {
    max-width: 60em !important;
    margin: auto !important;
}
.m-container-st {
    max-width: 50em !important;
    margin: auto !important;
}
.m-container-tiny {
    max-width: 40em !important;
    margin: auto !important;
}
.m-container-mini {
    max-width: 30em !important;
    margin: auto !important;
}
.m-container-middle {
    max-width: 10em !important;
    margin: auto !important;
}
/*------------------------color----------------------*/
.m-black {
    color: black !important;
}
.m-blue {
    color: #2185d0 !important;
}
.m-brown {
    color: brown !important;
}
.m-skyblue {
    color: skyblue !important;
}
.m-red {
     color: orangered !important;
}

/*--------------------mobile-------------------------*/
.m-mobile-show {
    display: none !important;
}
@media screen and (max-width: 768px) {
    .m-mobile-hide {
        display: none !important;
    }
    .m-mobile-show {
        display: block !important;
    }
    .m-padded-lr-responsive {
        padding-right: 0em !important;
        padding-left: 0em !important;
    }
    .m-mobile-wide {
        width: 100% !important;
    }
}

/*-------------------menu-------------------------*/
.m-menu-none{
    display: none !important;
}

/*------------------Position------------------*/
